﻿@import url('/Styles/popup.css');

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

body {
    line-height: 1.5;
    font-size: 12px;
    color: #333;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    background-color: #f5f5f5;
}

a {
    text-decoration: none;
    color: #352C23;
}

    a:hover { /*text-decoration: underline;*/
        color: #352C23;
    }

    a img {
        border: none;
    }

ul, li {
    list-style-type: none;
    list-style-image: none;
}

h1, h2, h3 {
    font-size: 17px;
    margin: 0;
    padding: 0;
    margin-bottom: 3px;
}

p {
    font-size: 14px;
    padding: 0;
    margin: 0;
}

.clr {
    clear: both;
}

textarea {
    font-family: Tahoma, Arial;
}

#FOOTER .address .logof, #HEADER .logo, .filter-title,
.product-order-right li, .mapsVN, .social, ._submit,
.view-news, .card-gold, .httt-skype, .dt-PT {
    background-image: url(../Images/System/skin.png);
    background-repeat: no-repeat;
}

.place-even, .time-even {
    background-image: url(../Images/System/last-event.png);
    background-repeat: no-repeat;
}

.left {
    float: left;
}

.right {
    float: right;
}

.social-networking {
    float: left;
}

    .social-networking li {
        float: right;
        margin-left: 8px;
        color: #333;
        font-weight: bold;
    }

.logo-card {
    float: left;
    width: 100%;
}

    .logo-card li {
        float: left;
        margin-right: 5px;
    }

.icon-facebook {
    width: 32px;
    height: 32px;
    background-position: -6px -200px;
    display: block;
}

.icon-twitter {
    width: 32px;
    height: 32px;
    background-position: -44px -200px;
    display: block;
}

.icon-google {
    width: 32px;
    height: 32px;
    background-position: -84px -200px;
    display: block;
}

.icon-viettel {
    width: 45px;
    height: 32px;
    background-position: -3px -606px;
    display: block;
}

.icon-vina {
    width: 90px;
    height: 32px;
    background-position: -50px -606px;
    display: block;
}

.icon-mobi {
    width: 77px;
    height: 32px;
    background-position: -148px -606px;
    display: block;
}

.icon-vtc {
    width: 53px;
    height: 32px;
    background-position: -234px -606px;
    display: block;
}

.inNews {
    margin-left: 12px;
    margin-left: 12px;
    margin-bottom: 10px;
}

.wrapper {
    width: 1000px;
    margin: 0 auto;
}
/*----------------------Color--------------*/
.blue {
    background-color: #0084CC!important;
}

.orange {
    background-color: #D9532D!important;
}

.yellow {
    background-color: #FFD401!important;
}

.red {
    background-color: #D31F44!important;
}

.gold {
    background-color: #CDAB47!important;
}

.brown {
    background-color: #661A0A!important;
}

.grey {
    background-color: #352C23!important;
}

.table {
    width: 100%;
}

    .table th {
        padding: 10px;
        background-color: #DDEBFF;
        border: 1px solid #CCCCCC;
    }

    .table td {
        border: 1px solid #CCCCCC;
        padding: 5px;
    }

.btnHoanThanh {
    background: url(/Images/System/dangtin_btn.gif) no-repeat left top;
    width: 105px;
    height: 35px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    line-height: 35px;
    font-size: 14px;
    border: none;
}

    .btnHoanThanh:hover {
        background: url(/Images/System/dangtin_btn.gif) no-repeat left bottom;
        width: 105px;
        height: 35px;
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        line-height: 35px;
        font-size: 14px;
        border: none;
    }
/*-----------------------------------------*/
.fb-share {
    float: right;
    margin: 5px 0 0 7px;
    height: 22px;
    width: 50px;
}

.fb-like-detail {
    float: right; /*margin-top: 5px;*/
}

.fb-comments {
    margin-top: 10px;
}

.g-plusone {
    border-top: 1px solid #ccc;
}

.likes {
    background: url("../Images/System/like_icon.png") no-repeat scroll 0 0 transparent;
    padding-left: 18px;
}
/*-----------------------FOOTER------------------------*/
#SUPPORT {
    padding: 0px 0 0px 0;
    background: url(/Images/System/contact.png) repeat top;
}

#FOOTER {
    background-color: #3d3d3d;
    padding: 2px 0px;
    overflow: hidden;
}

.w-page {
    width: 1000px;
    margin: 0 auto;
}

#mfooter {
    padding: 3px 0px;
    color: #CCCCCC;
}

    #mfooter a {
        color: #00a1e3;
    }

    #mfooter .wabout .logof {
        display: block;
        width: 156px;
        height: 63px;
        background-position: left -643px;
        position: absolute;
        left: 0px;
        top: 2px;
    }

.wabout > li {
    width: 300px;
    border: 1px solid #fff;
    padding: 10px 5px;
    margin: 3px 0px;
    float: left;
    margin-right: 45px;
    height: 70px;
}

    .wabout > li.website-lienket {
        width: 615px;
        border: 1px solid #fff;
        float: left;
        margin-right: 5px;
        padding: 0px;
    }

        .wabout > li.website-lienket .lienket img {
            width: 200px;
            height: 90px;
        }

.icon_email_footer {
    background: url("../images/System/icon_email_footer.png") no-repeat scroll left center transparent;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 25px;
}

.icon_fone_footer {
    background: url("../images/System/icon_fone_footer.png") no-repeat scroll left center transparent;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 25px;
}

#FOOTER .pd-adress {
    padding: 0px;
}

#FOOTER .address {
    float: left;
    color: #cdcbcb;
    text-align: left;
    line-height: 17px;
    position: relative;
    padding: 5px 0px;
}

    #FOOTER .address a {
        font-weight: bold;
        color: #00a1e3;
    }

#FOOTER .social-button {
    float: right;
}
/*---------------------------------------HEADER--------------------------------------*/
#HEADERON {
    background: #000;
    height: 35px; /*position: fixed;*/
    width: 100%;
    top: 0;
    z-index: 9999;
}

#HEADER {
    background: #4c4b4d;
    height: 74px; /*position: fixed;*/
    width: 100%;
    top: 0;
    z-index: 9999;
}

    #HEADER .logo {
        background-position: -3px -263px;
        height: 68px;
        margin-top: 3px;
        position: absolute;
        width: 215px;
    }

    #HEADER .user_mng {
        float: right;
        line-height: 36px;
        margin-top: 20px;
    }

    #HEADER .log, .reg, .suportOn {
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        padding: 10px 17px;
        display: block;
        float: right;
    }

    #HEADER .log {
        background-color: #80C900;
        font: bold 12px Arial, Helvetica;
    }

        #HEADER .log:hover {
            background: #eaedf4;
            color: #034B8A;
        }

    #HEADER .reg {
        background-color: #00a1e3;
        margin-right: 3px;
        font: bold 12px Arial, Helvetica;
    }

    #HEADER .suportOn {
        border-left: 1px solid #e5e5e5;
        border-right: none;
    }

        #HEADER .suportOn .sHotline {
            line-height: 20px;
            font-size: 11px;
            color: red;
        }

    #HEADER .httt-skype {
        width: 50px;
        height: 26px;
        background-position: -8px -25px;
        margin-left: 45px;
    }

    #HEADER .userIn {
        line-height: 32px;
        padding: 2px;
        height: 32px;
        position: relative;
        border-left: 1px solid #e5e5e5;
        cursor: pointer;
        float: right;
        background-color: #eaedf4;
        border-right: 1px solid #666666;
    }

        #HEADER .userIn span.sEmail {
            color: #034B8A;
            font-weight: 700;
            vertical-align: top;
        }

.sEmailBox {
    line-height: 35px;
    margin: 3px 0px 0px 0px;
}

#HEADER .userIn .sGold {
    color: #ff8b00;
}

#HEADER .reg:hover, .log:hover, .userIn:hover, .suportOn:hover {
    background: #eaedf4;
    color: #034B8A;
}

#HEADER .menu_user {
    display: none;
    width: 100%;
    z-index: 3;
    position: absolute;
    top: 35px;
    right: -1px;
    border-color: #e5e5e5;
    border-width: 0 1px;
    border-style: solid;
}

    #HEADER .menu_user li {
        height: auto;
        padding: 0;
        border-style: solid;
        border-color: #e5e5e5;
        border-width: 0 0 1px;
        background: #fff;
        font-weight: bold;
        line-height: 35px;
    }

        #HEADER .menu_user li a {
            padding: 0 0 0 12px;
            width: auto;
            text-decoration: none;
            color: #034b8a;
            cursor: pointer;
            padding: 0 0 0 12px;
            display: block;
            font-size: 11px;
        }

            #HEADER .menu_user li a:hover {
                background: #eaedf4;
                color: #F60;
            }

.us_avatar {
    width: 32px;
    height: 32px;
}
/*------------------------------------- MID HEIGHT------------------------------------*/
#MID-HEADER {
    width: 100%;
    margin: 5px 0px;
}

    #MID-HEADER .search-all {
        width: 80%;
        float: left;
    }

#HEADER .search-all .forms-search {
    float: left;
    margin: 20px 0 0 285px;
    padding: 0;
    width: 380px;
    height: 35px;
    line-height: 31px;
    border: 1px solid #e5e2e1;
    position: relative;
}

    #HEADER .search-all .forms-search .keywords {
        border: 0;
        height: 35px;
        line-height: 27px;
        width: 333px;
        border-right: 1px solid #e7e7e7;
        padding: 0 9px;
        margin: 0px 0;
        background: #605F61;
        color: #c0c0c0;
    }

    #HEADER .search-all .forms-search ._submit {
        float: right;
        width: 47px;
        height: 35px;
        background-position: -6px -146px;
        text-align: center;
        margin-top: -35px;
        cursor: pointer;
        border: none;
        padding: 0px !important;
    }

        #HEADER .search-all .forms-search ._submit:hover {
            opacity: 0.9;
        }

#wrap-menu .post-news {
    float: right;
}

    #wrap-menu .post-news .post {
        margin-left: 242px;
    }

        #wrap-menu .post-news .post .btn-post {
            display: block;
            float: left;
            height: 40px;
            line-height: 40px;
            background: #00a1e3;
            color: #fff;
            text-shadow: 0 1px 1px #3066a8;
            float: left;
            text-transform: uppercase;
            font-weight: bold;
            position: relative;
            z-index: 1;
        }

            #wrap-menu .post-news .post .btn-post span {
                display: block;
                padding: 0 11px;
                line-height: 25px;
                margin: 7px 10px;
                font-size: 13px;
                /*font-family: Tahoma,Arial,sans-serif;*/
            }

            #wrap-menu .post-news .post .btn-post:hover {
                opacity: 0.9;
            }

#wrap-menu {
    float: left;
    width: 100%;
    opacity: 1;
    position: relative;
    height: 40px;
    border-top: 1px solid #222;
    background-color: #111;
    background-image: linear-gradient(#444, #111);
    /*border-radius: 6px;*/
    box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
}

.menu_nav {
    width: 1000px;
    margin: 0px auto;
    background-color: #111;
    background-image: linear-gradient(#444, #111);
    opacity: 1;
    position: relative;
    height: 40px;
}

    .menu_nav .nav-item:last-child {
        border-right: none;
    }

    .menu_nav .nav-item {
        float: left;
        padding: 6px 8px;
        color: #fff;
    }

    .menu_nav h2 {
        font-size: 17px;
        font-weight: 400;
        float: left;
        margin: 2px 0 0;
        color: #4c4b4d;
        font-family: Tahoma,Arial,sans-serif;
        text-transform: uppercase;
    }

    .menu_nav a img {
        float: left;
        width: 15px;
        height: 15px;
        margin-right: 5px;
    }

    .menu_nav > a {
        background: url(../images/System/pt-br.png) no-repeat right top;
    }

    .menu_nav a.nav-active {
        background-color: #00a1e3;
        color: #fff !important;
    }

    .menu_nav a:hover {
        background-color: #00a1e3;
        color: #fff !important;
    }

        .menu_nav a:hover h2 {
            background-color: #00a1e3;
            color: #fff !important;
        }

.chird-tintuc {
    margin: 0;
    padding: 0px;
    list-style: none;
    z-index: 1000;
    position: absolute;
    right: 0;
    top: 36px;
    margin-right: 15px;
    display: none;
}

    .chird-tintuc li {
        font-weight: normal;
        background-color: #352C23;
        border: 1px solid #ffffff;
        border-bottom: none;
        float: none;
        line-height: 15px;
        text-align: left;
    }

        .chird-tintuc li:last-child {
            border-bottom: 1px solid #ffffff;
        }

        .chird-tintuc li:hover {
            background-color: #2795f0;
            color: white;
        }

        .chird-tintuc li a {
            padding-left: 10px;
            padding-right: 10px;
            background-color: #352C23 !important;
            border-right: none;
            display: inline-block;
            color: #fff;
            text-align: left;
            width: 230px;
            line-height: 34px;
            font-size: 14px;
        }

            .chird-tintuc li a:hover {
                background-color: #2795f0 !important;
                color: white;
            }

            .chird-tintuc li a:active {
                background-color: #352C23;
            }
/*-------------------------------------CONTENT----------------------------------------*/
#CONTAINER {
    margin-bottom: 5px;
}

    #CONTAINER .contentLeft {
        float: left; /*border:solid 1px #ccc;*/
        width: 280px;
    }

        #CONTAINER .contentLeft .box-left { /* min-height: 300px; */
            border: solid 1px #ddd;
            margin-bottom: 5px;
            background-color: #fff;
        }

            #CONTAINER .contentLeft .box-left .title-left {
                background-color: #fff;
                font-weight: bold;
                text-align: center;
                padding: 5px;
                color: #0098D3;
                font-size: 13px;
                border-bottom: 1px solid;
                margin-bottom: 10px;
            }

.box-left .w8-icon {
    height: 62px;
    width: 71px;
}

    .box-left .w8-icon:hover {
        color: #fff;
    }

.lst-icon {
    padding: 3px 0 3px 0;
}
/*--------------------------*/
#CONTAINER .contentRight {
    float: right;
    width: 713px;
    background-color: #fff;
}

    #CONTAINER .contentRight .box-right {
        min-height: 300px;
    }

.box-right .title-right {
    font-weight: bold;
    text-align: left;
    padding: 5px;
    color: #fff;
    font-size: 13px;
    border-bottom: 2px solid #333;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

    .box-right .title-right img {
        width: 25px;
        height: 25px;
        float: left;
        margin-right: 10px;
    }

    .box-right .title-right h3 {
        font-size: 16px;
    }
/*-----------------------------------------------------------------------------*/
/*-----------------------DANH SACH PHONG TRO-----------------------------------*/
.lstPhongTro {
    padding: 5px;
    border: 1px solid #DFDFDF;
    box-shadow: 0 0 5px #DFDFDF;
}

    .lstPhongTro .lstRow {
        margin-bottom: 3px;
        border-bottom: dotted 1px #ccc;
        min-height: 50px;
        width: 99.7%;
        padding-bottom: 3px;
    }

        .lstPhongTro .lstRow .lstCTright, .lstPhongTroVIP .itemPTVip .lstCTright {
            float: right;
            border: solid 1px #ccc;
            margin: 5px 0px 5px 5px;
            min-height: 37px;
            width: 100px;
            text-align: center;
            vertical-align: middle;
            padding-top: 5px;
        }

            .lstPhongTro .lstRow .lstCTright p {
                font-size: 13px;
            }

        .lstPhongTro .lstRow .lstCTleft {
            float: left;
            width: 40px;
            height: 40px;
            text-align: center;
            margin-top: 7px;
        }

            .lstPhongTro .lstRow .lstCTleft img {
                height: 30px;
                margin-top: 5px;
                width: 30px;
            }

            .lstPhongTro .lstRow .lstCTleft p {
                font-size: 10px;
                margin: 0px;
                padding: 0px;
                line-height: 10px;
            }

    .lstPhongTro .lstMid h1 {
        font-size: 14px !important;
        margin-bottom: 5px !important;
        padding: 0px;
        line-height: 10px !important;
        font-weight: bold !important;
    }

        .lstPhongTro .lstMid h1 a {
            line-height: 13px;
            font-size: 12px !important;
            font-weight: normal !important;
        }

    .lstPhongTro .lstMid h2, h3 {
        font-size: 13px;
        margin-bottom: 10px;
    }

    .lstPhongTro .lstRow .lstMid {
        float: left;
        margin: 5px 0px 0px 10px;
        width: 517px;
        font-size: 12px;
    }

        .lstPhongTro .lstRow .lstMid .title {
            font-size: 13px;
            font-weight: bold;
            color: #055699;
        }

.load-more {
    padding: 5px;
    background-color: #EEEEEE;
    margin-top: 5px;
    text-align: center;
    font-weight: bold;
}
/*-----------------------------------------------------------------------------*/
.pro-tool {
    display: block;
    font-weight: bold;
    margin: 10px 0 5px;
    overflow: hidden;
    text-align: right;
}

    .pro-tool ul {
        display: block;
        margin: 0;
        padding: 0;
    }

#pro-share ul li {
    padding-left: 0;
}

.pro-tool ul li {
    display: inline;
    font-weight: normal;
}

#pro-share a {
    padding: 0 0 2px 15px;
}

.fb {
    background-position: 0 -18px;
}

.tw {
    background-position: 0 -37px;
}

.gb {
    background-position: 0 -53px;
}

.de {
    background-position: 0 -71px;
}

.dg {
    background-position: 0 -90px;
}

.yb {
    background-position: 0 -109px;
}

.icon {
    background-image: url("../Images/System/icons_1.2.jpg");
    background-repeat: no-repeat;
}

.titleModule {
    float: left;
    font-weight: bold;
    font-size: 12px;
    width: 100%;
    padding: 5px 0;
    font-size: 14px;
    border-top: 1px solid #3399cc;
    background-color: #fff;
}

.spaces {
    position: relative;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    font-size: 15px;
    color: #00a1e3;
    text-align: left;
    padding-left: 6px;
    background-color: #f5f7fb;
    border: 1px solid #d8dfea;
    border-bottom: none;
}

    .spaces .ttIndex {
        padding: 10px;
        margin-left: 5px;
        color: #666666;
        cursor: pointer;
    }

        .spaces .ttIndex a {
            color: #034b8a;
        }

            .spaces .ttIndex a:hover {
                color: #ff8c00;
            }

        .spaces .ttIndex:hover {
            background: #eaedf4;
        }

    .spaces .ttD {
        float: right;
        padding: 0 10px 0 10px;
    }

.titleModule h2 {
    font-size: 16px;
    margin: 0;
    padding: 0;
    margin-bottom: 0px;
    color: #3399cc;
}
/*----------------------- CHI TIẾT PHÒNG TRỌ-----------------------------------*/
.detailsPT {
    padding: 10px 10px 25px 10px;
    border: 1px solid #DFDFDF;
    box-shadow: 0 0 5px #DFDFDF;
    overflow: hidden;
    background-color: #fff;
}

    .detailsPT h1 {
        font-size: 19px;
        color: #4e4d4d;
        background-color: #eee;
        padding: 5px;
    }

    .detailsPT .contentPT {
        font-size: 14px;
        line-height: 25px;
        text-align: justify;
    }

#lstImagesChiTiet {
    padding: 5px 0px 5px 5px;
    border: none;
    float: right;
}

    #lstImagesChiTiet ul li {
        margin-right: 5px\0/ !important;
        margin-right: 20px;
        border: 1px solid #ccc;
        width: 150px;
        height: 103px;
        overflow: hidden;
    }

    #lstImagesChiTiet img {
        max-width: 150px;
        max-height: 100px;
    }

    #lstImagesChiTiet ul li a {
        cursor: -moz-zoom-in;
    }

/*.social-N{float:left;}*/
.social-N a {
    float: left;
    margin-left: 5px;
}

.date-C {
    font-size: 11px;
    color: #666;
}

.wrap-btnPT {
    float: left;
    width: 100%;
}

.infor-PT {
    padding: 0px 5px 0px 0px;
    border-radius: 5px;
    float: left;
    border: solid 1px #ccc;
    font-weight: bold;
    color: #4e4d4d;
    margin-top: 10px;
}

    .infor-PT span {
        float: left;
        line-height: 32px;
        margin-left: 5px;
        font-size: 14px;
    }

.pricePT {
    width: 32px;
    height: 32px;
    background-position: -5px -97px;
    float: left;
}

.phonePT {
    width: 32px;
    height: 32px;
    background-position: -48px -94px;
    float: left;
}

.dientich {
    line-height: 32px;
    float: left;
    color: #000;
}
/*----------------------- END CHI TIẾT PHÒNG TRỌ-----------------------------------*/
/*----------------------- CHI TIẾT TIN TỨC-----------------------------------*/
.contentNews {
    overflow: hidden;
    padding: 10px;
    border: 1px solid #cacaca;
    min-height: 500px;
    box-shadow: 0 0 5px #DFDFDF;
    margin-bottom: 5px;
}

    .contentNews .title {
        color: #FF8B00;
        font-size: 18px;
        line-height: 25px;
        text-align: justify;
        font-weight: bold;
    }

    .contentNews .time-news {
        font-style: italic;
        padding: 5px 0px 10px 0px;
    }

.view-news {
    background-position: -59px -145px;
    position: absolute;
    height: 20px;
    width: 30px;
    margin-left: 10px;
    color: #fff;
    font-style: normal;
    text-align: center;
}

.contentNews .descriptions {
    text-align: justify;
    color: #5f5f5f;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
}

.contentNews .content {
    font-size: 15px;
    color: #333;
    line-height: 25px;
}

.wrap-likeFacebook {
    width: 100%;
    float: left;
    border-top: solid 1px #d1d1d1;
    margin-top: 2px;
    padding-top: 5px;
}

.tindang-info {
    border: 1px solid #DDD;
    margin-top: 5px;
    width: 689px;
    float: left;
    margin-bottom: 15px;
}

    .tindang-info a:hover {
        color: #12A7EB;
    }

    .tindang-info .wrap-ifPT {
        color: #70695B;
        font-size: 11px;
        text-align: left;
        padding: 10px 12px;
    }

.detail_personal {
    background: url(/images/system/icon_personal.png) no-repeat 1px 0;
    padding-left: 25px;
    margin-top: 7px;
}

.detail_email {
    background: url(/images/system/detail_pm.gif) no-repeat;
    padding-left: 25px;
    margin-top: 7px;
}

.detail_time {
    background: url(/images/system/icon_time.png) no-repeat;
    padding-left: 25px;
    margin-top: 7px;
    font-weight: bold;
}

.detail_palce {
    background: url(/images/system/placeDetails.png) no-repeat;
    padding-left: 25px;
    margin-top: 7px;
}

.detail_eye {
    background: url(/images/system/icon_eye.png) no-repeat;
    padding-left: 25px;
    margin-top: 7px;
}

.detail_idItem {
    background: url(/images/system/icon_idItem.png) no-repeat;
    padding-left: 25px;
    margin-top: 7px;
}

.detail_phoneDt {
    background: url(/images/system/mobilecall.png) no-repeat;
    padding-left: 25px;
    margin-top: 7px;
}

.detail_moneyDt {
    background: url(/images/system/moneydt.png) no-repeat;
    padding-left: 25px;
    margin-top: 7px;
}

.detail_houseDt {
    background: url(/images/system/iconHousedt.png) no-repeat;
    padding-left: 25px;
    margin-top: 7px;
}

.detail_type {
    background: url(/images/system/icon_idItem.png) no-repeat;
    padding-left: 25px;
    margin-top: 7px;
}
/*----------------------- END CHI TIẾT TIN TỨC-----------------------------------*/
/*----------------------- Lịch sử giao dịch --------------------------------------*/
.divGeneral {
    float: left;
    width: 100%;
}

    .divGeneral div {
        float: left;
        line-height: 35px;
        height: 35px;
        background: #A5A4A4;
        border-left: 1px solid #fff;
        font-weight: bold;
        text-align: center;
    }

    .divGeneral .ngPre, .ngMG, .ngNN {
        width: 25%;
    }

    .divGeneral .ngNM {
        width: 24%;
    }

    .divGeneral .rowTable {
        background: #FCF7F7;
        font-weight: normal;
    }

.autoPMT {
    width: 18%;
    background: #CCCCCC !important;
}

.autoPTG {
    width: 61%;
    background: #CCCCCC !important;
}

.autoPTT {
    width: 20%;
    background: #CCCCCC !important;
}

.rowPUT {
    background: #fff !important;
    font-weight: normal !important;
}

.boderD {
    border-bottom: 1px solid #CCCCCC;
}
/*----------------------- END Lịch sử giao dịch --------------------------------------*/
/*----------------------- NEWS TOP -----------------------------------*/
#news-top {
    float: left;
    width: 100%;
    margin: 5px 0;
    border-top: 8px solid #00a1e3;
}

    #news-top > header {
        margin-bottom: 0px;
    }

        #news-top > header span {
            font-size: 12px;
            text-transform: uppercase;
            position: relative;
            display: inline;
            top: -14px;
            left: 10px;
            padding: 0 12px;
            color: #0098D3;
            background: #f5f5f5;
            font-weight: bold;
        }

.lst-news {
}

    .lst-news li {
        width: 191px;
        margin-right: 11px;
        float: left;
        background-color: #fff;
    }

        .lst-news li.same {
            width: 170px;
            margin: 5px 8px 5px 0px;
        }

            .lst-news li.same:nth-last-child(-n+2) {
                margin-right: 8px;
            }

        .lst-news li:last-child {
            margin-right: 0px;
        }

        .lst-news li.last-box {
            margin-right: 0px;
        }

        .lst-news li img {
            height: 135px;
            width: 191px;
        }

        .lst-news li .img-same {
            width: 170px;
            height: 130px;
        }

        .lst-news li .title-news {
            height: 53px;
            padding: 0px 3px;
        }

            .lst-news li .title-news a {
                font-size: 12px;
                font-weight: bold;
            }

                .lst-news li .title-news a:hover {
                    color: #006588;
                }

.title-news-date {
    background: url(/images/system/times-bg.png) 0px -41px no-repeat;
    color: #555555;
    height: 31px;
    padding: 3px 10px;
    font-weight: bold;
}

    .title-news-date:hover {
        background: url(/images/system/times-bg.png) no-repeat;
        color: #fff;
    }

    .title-news-date span {
        margin: 4px 0px 4px 55px;
        display: block;
        font-size: 16px;
    }
/*---------------------- END NEWS TOP -----------------------------------*/
/*---------------------- POP UP -----------------------------------*/
.boxPopup {
    width: 320px;
    display: none;
    background: #FFF;
    border: solid 1px #BBBBBB;
    border-radius: 0px;
    box-shadow: 0px 0px 15px #999;
    position: absolute;
    float: left;
    right: 0px;
    top: 50px;
    z-index: 9999;
}

.wrap-popup {
    border: 8px solid #ebebeb;
}

.boxLayer {
    display: none;
    background-color: #000000;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 6666;
}

.boxPopup .login-title {
    background: #034b8a /*#12A7EB*/;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
    padding: 0 0 0 15px;
    border-bottom: 2px solid #ff6000;
    border: 1px solid #fff;
}

    .boxPopup .login-title .login-close {
        cursor: pointer;
        height: 30px;
        width: 30px;
        float: right;
        position: relative;
    }

        .boxPopup .login-title .login-close a {
            background: url("/Images/System/login-close.png") 14px -15px no-repeat;
            position: absolute;
            top: 6px;
            width: 100%;
            height: 16px;
            width: 30px;
            left: -6px;
        }

.boxPopup .lvTinhThanh {
    padding: 5px 80px 5px 15px;
    position: relative;
}

.boxPopup .mapsVN {
    background-position: -37px -337px;
    width: 105px;
    right: 0;
    height: 165px;
    position: absolute;
}

.boxPopup .lvTinhThanh .item {
    float: left;
    margin-left: 6px;
    width: 100px;
    margin-bottom: 5px;
    line-height: 20px;
}

    .boxPopup .lvTinhThanh .item a {
        color: #17658C;
        font-weight: normal;
        font-size: 12px;
    }

        .boxPopup .lvTinhThanh .item a:hover {
            color: #F47A20;
            text-decoration: underline;
        }

.pChangePass {
    width: 425px;
    top: 20%;
    left: 35%;
}

.spanCPass {
    width: 160px;
}
/*-------------------- END POPUP -----------------------------------*/
/*-------------------- lOGIN -----------------------------------*/
#LOGIN #txtMatKhau {
    width: 208px;
}

.login-content {
    font-family: Arial, sans-serif;
    font-size: 12px;
    padding: 10px;
}

    .login-content li {
        line-height: 28px;
        display: block;
        position: relative;
        clear: both;
        padding-bottom: 7px;
    }

        .login-content li.li-btn {
            padding-left: 75px;
        }

        .login-content li.li-done {
            padding-left: 150px;
        }

        .login-content li span {
            color: #333;
            display: inline-block;
            min-width: 75px;
            float: left;
        }

        .login-content li input.login-txt {
            border: 1px solid #ccc;
            color: #333;
            font-size: 12px;
            padding: 0 5px;
            line-height: 26px;
            height: 26px;
            vertical-align: middle;
            width: 196px;
            border-radius: 2px;
            -moz-radius: 2px;
            -webkit-border-radius: 2px;
        }

    .login-content .login-btn, .reg-btn, .done-btn {
        background-image: url("/Images/System/login-button-v2.png");
        background-repeat: no-repeat;
        min-height: 20px;
    }

    .login-content .login-btn {
        background-position: 0px 1px;
        width: 99px;
        height: 32px;
        display: inline-block;
    }

    .login-content .reg-btn {
        background-position: -110px 1px;
        width: 100px;
        height: 32px;
        display: inline-block;
    }

    .login-content .done-btn {
        background-position: 2px -60px;
        width: 100px;
        height: 32px;
        display: inline-block;
    }

    .login-content li.li-btn a {
        color: #666;
    }

        .login-content li.li-btn a:hover {
            color: #ff6000;
        }
/*-------------------- END lOGIN -----------------------------------*/
.map {
    margin-top: 5px;
    float: left;
    width: auto;
    margin-bottom: 5px;
}

.img-Search {
    background: url("/Images/System/ts_bg.jpg") no-repeat scroll center bottom transparent;
}

.selectMap {
    float: left;
    margin-top: 10px;
}

.wrap-btnMap {
    float: left;
    margin-right: 15px;
}

.wrap-nextM {
    float: left;
    margin-top: -10px;
}

.btnshowMap {
    background: url("/Images/System/Maps-icon.png") no-repeat scroll 4px 2px #333333;
    color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    margin-right: 3px;
    padding: 9px 7px 7px 45px;
    text-shadow: none;
}

    .btnshowMap:hover {
        color: #fff;
    }
/*Back to Top*/
.to_top {
    background: url("../images/system/scroll-top.png") no-repeat scroll 0 0 transparent;
    bottom: 10px;
    display: block;
    height: 46px;
    opacity: 0.7;
    position: fixed;
    right: 10px;
    text-indent: -99999px;
    width: 46px;
}

    .to_top:hover {
        opacity: 1;
    }
/*--------------------------------------------------------------------*/
/*-------------------------- DANH SÁCH TIN TỨC -----------------------*/
.lst-News {
}

    .lst-News li {
        float: left;
        width: 100%;
        padding-bottom: 5px;
        border-bottom: 1px solid #f1f1f1;
        padding-top: 5px;
    }

        .lst-News li img {
            width: 166px;
            height: 124px;
            margin-right: 10px;
            float: left;
        }

        .lst-News li .content {
            float: left;
            width: 510px;
        }

        .lst-News li a {
            float: left;
            font-weight: bold;
            font-size: 12px;
        }

            .lst-News li a:hover {
                color: #0098D3;
            }

        .lst-News li .descriprion {
            float: left;
            margin-top: 3px;
        }

        .lst-News li .time-news {
            font-size: 11px;
            line-height: 16px;
            color: #A7A7A7;
            float: left;
        }

.news-noibat {
    float: left;
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid #f1f1f1;
    height: 225px;
}

    .news-noibat img {
        width: 290px;
        height: 210px;
        float: left;
    }

    .news-noibat .description {
        float: left;
        width: 385px;
        height: 192px;
        background: #f5f5f5;
        padding: 10px;
    }

    .news-noibat .title {
        color: #0098D3;
    }

        .news-noibat .title:hover {
            color: #006588;
        }
/*-------------------------- END DANH SÁCH TIN TỨC --------------------*/
/*-------------------------- MODULE NEWS NỔI BẬT ----------------------*/
.module_news {
    padding: 5px;
    float: left;
    width: 95%;
}

    .module_news li {
        margin-bottom: 3px;
        border-bottom-style: dotted;
        border-bottom-width: 1px;
        border-bottom-color: #f5f5f5;
        padding: 3px;
        float: left;
        width: 100%;
    }

        .module_news li:first-child {
            border-top: 1px dotted #f5f5f5;
        }

    .module_news a {
        display: block;
        color: #525151;
        font-size: 12px;
    }

        .module_news a:hover {
            color: #006BA0;
        }

    .module_news li:hover {
        background-color: #f5f5f5;
    }

    .module_news img {
        float: left;
        margin: 0 5px 5px 0;
        width: 60px;
        height: 45px;
    }
/*-------------------------- END MODULE NEWS NỔI BẬT ----------------------*/
/*-------------------------- ĐĂNG KÝ TÀI KHOẢN -----------------------*/
.left-Signin {
    float: left;
    width: 600px;
}

.right-Signin {
    float: right;
    width: 385px;
}

.form-Signin {
    margin: 10px 0px 10px 0px;
    float: left;
    width: 100%;
}

.form-labelS {
    float: left;
    width: 180px;
    margin-left: 55px;
    padding-top: 8px;
    text-align: left;
    font-size: 13px;
    color: #606060;
    overflow: hidden;
    line-height: 15px;
}

.infoGues {
    margin: 5px 0px 5px 0px;
    float: left;
    width: 100%;
    font-size: 13px;
    color: #606060;
}

.lableGues {
    margin-left: 0px;
}

.gopY-label {
    width: 90px;
    margin-left: 30px;
}

.labaleL {
    width: 80px !important;
}

.text-waning {
    text-align: center;
    color: red;
    font-size: 14px;
}

.mid-spaceL {
    margin-bottom: 13px;
}

.ativeU {
    text-align: center;
    float: left;
    width: 100%;
}

    .ativeU p {
        font-size: 16px;
        font-weight: bold;
        line-height: 30px;
        color: #666666;
    }

        .ativeU p a {
            color: #666666;
        }

            .ativeU p a:hover {
                text-decoration: underline;
                background: #fff;
            }
/*-------------------------- END ĐĂNG KÝ TÀI KHOẢN -----------------------*/
/*-------------------------- GÓP Ý -----------------------*/
#wrap-feedback {
    position: fixed;
    top: 280px;
    z-index: 11;
    display: block;
    height: 65px;
    background-repeat: no-repeat;
    right: 0px;
}

    #wrap-feedback .bg-FBack {
        cursor: pointer;
        background-image: url("/Images/System/feedback-bg.gif");
        width: 57px;
        height: 65px;
        display: block;
    }
/*-------------------------- END GÓP Ý -------------------*/
#notifition {
    position: fixed;
    background-color: red;
    height: 21px;
    margin: 0 auto;
    width: 1000px;
    z-index: 99999;
    opacity: 0.9;
    text-align: center;
    padding: 3px;
    color: #fff;
    font-weight: bold;
    display: none;
}
/*---------------------------Menu-function-ul-li--------------------------*/
.title-manager {
    font-size: 12px;
    font-weight: bold;
    color: #034B8A;
    margin-top: 10px;
    border-bottom: 1px solid #d5dade;
    margin-bottom: 5px;
    padding: 0 0 3px 20px;
    text-align: left;
}

.rightM {
    border: none;
    font-size: 14px;
}

.menu-function li {
}

    .menu-function li a {
        color: #313131;
        display: block;
        padding: 7px 7px 7px 20px;
    }

    .menu-function li:hover {
        color: #313131;
        background-color: #EAEAEA;
        background: url('/images/system/arrow_bg_gray.png') no-repeat 260px center #E6E6E6;
        font-weight: bold;
    }

.item_phongtro {
    padding: 20px 0;
    width: 100%;
    border-top: 1px solid #D5DADE;
}

    .item_phongtro:first-child {
        border-top: none !important;
    }

    .item_phongtro .main_img_pt {
        width: 108px;
        height: 115px;
        display: block;
        overflow: hidden;
        float: left;
    }

        .item_phongtro .main_img_pt .show_main_img {
            max-width: 112px;
            max-height: 100%;
            display: block;
            overflow: hidden;
            max-height: 128px;
        }

    .item_phongtro .info_item_pt {
        height: 100%;
        width: 440px;
        margin: 0 10px 10px 10px;
        text-align: left;
        float: left;
    }

.sub_info_phongtro {
    float: left;
    width: 100%;
    padding-bottom: 3px;
}

    .sub_info_phongtro h2 {
        color: #055699;
        font-size: 13px;
        display: block;
        float: left;
        line-height: 20px;
    }

.pt_view {
    float: left;
    width: 100%;
    color: #666;
}

    .pt_view p {
        margin-bottom: 5px;
        font-size: 12px;
        font-weight: bold;
    }

    .pt_view .timeD {
        float: left;
    }

    .pt_view .view-on {
        background: url("/images/system/icon_view_item.png") no-repeat scroll 3px 0 transparent;
        display: block;
        float: left;
        height: 20px;
        left: 10px;
        width: 20px;
        margin-right: 1px;
        margin-top: 2px;
    }

.cm-detail {
    color: #666;
}

    .cm-detail:hover {
        color: #ff8b00;
    }

.even-item {
    float: left;
    width: 83%;
}

    .even-item .wrap-even {
        margin-left: 5px;
    }

    .even-item .evn_item_style {
        display: inline-block;
        padding: 4px 5px;
        border: 1px solid #c0c0c0;
        background-color: #f1f1f1;
        color: #343434 !important;
        margin-left: 5px;
    }

        .even-item .evn_item_style:hover {
            text-decoration: underline;
        }

.even-item-vip {
    float: left;
    width: 142px;
}
/*------------------------------------------------------------------------*/
/*-------------------------USER MANAGER----------------------------*/
.lst-phongtro-usermgr {
    float: left;
    width: 100%;
}

    .lst-phongtro-usermgr li {
        float: left;
        width: 100%;
    }

    .lst-phongtro-usermgr .img-pt {
        float: left;
    }

    .lst-phongtro-usermgr .content-pt {
        float: left;
        width: 503px;
    }

    .lst-phongtro-usermgr .top-function-pt {
        float: left;
    }

.lstPt-manager {
    border: 1px solid #DDDDDD;
}

.info-mng-left {
    width: 70%;
    float: left;
}

.info-mng-right {
    width: 29%;
    float: left;
}

.Emgr-label {
    width: 160px;
    margin-left: 30px;
}

.mgrAvarta-label {
    width: 160px;
    margin-bottom: 5px;
    margin-left: 0px;
}

.avtMgrUser {
    width: 150px;
    overflow: hidden;
    height: 150px;
    margin-top: 10px;
    margin-right: 15px;
}

    .avtMgrUser img {
        height: 150px;
    }
/*------------------------------------------------------------------*/
/*---------------------------------------PhongTroVIP---------------*/
.lstPhongTroVIP {
    padding: 5px;
    border: 1px solid #DFDFDF;
    box-shadow: 0 0 5px #DFDFDF;
    margin-bottom: 10px;
    background-color: #FFFEFD;
}

    .lstPhongTroVIP .itemPTVip {
        margin-bottom: 3px;
        border-bottom: dotted 1px #ccc;
        padding-bottom: 3px;
    }

.img-pt-vip {
    float: left;
    width: 180px;
    height: 84px;
    overflow: hidden;
    margin-right: 10px;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
}

    .img-pt-vip img {
        width: 180px;
        height: 84px;
    }

.lstPhongTroVIP .itemPTVip .description-pt-vip {
    float: left;
    width: 472px;
    margin-left: 5px;
}

    .lstPhongTroVIP .itemPTVip .description-pt-vip h3 a {
        color: #00a1e3;
        font-size: 14px;
    }

    .lstPhongTroVIP .itemPTVip .description-pt-vip p {
        font-size: 13px;
    }
/*-----------------------------------------------------------------*/
.wrap-napGold {
    width: 100%;
    margin: 0 auto;
}

.napGr {
    float: left;
    width: 350px;
    padding-left: 5px;
    margin-top: 10px;
}

.nG-info {
    height: 32px;
}

    .nG-info span {
        width: 155px;
        font-weight: bold;
        color: #606060;
        font-size: 12px;
        float: left;
    }

    .nG-info b {
        color: red;
    }

.napGl {
    float: left;
    width: 350px;
    margin-top: 10px;
    border-left: 1px solid #d8dfea;
    padding-left: 5px;
}

.napG-lable {
    width: 100px;
    margin-left: 0px;
    font-weight: bold;
}

.napG-waning {
    text-align: right;
    font-size: 11px;
    color: #333;
    margin: 3px 0px;
}

.ckeditor {
    width: 100%;
}

.noidungtindang {
    width: 100%;
}

.error-item {
    border: 1px solid red!important;
}

.box-left-content {
    padding: 3px;
}

    .box-left-content ul li {
        list-style: disc;
        margin-left: 18px;
    }

.info-active-vip {
    background-color: #999999;
    font-weight: bold;
    color: #fff;
    padding: 3px;
}

.demo-vip {
    border-left: 1px solid #ccc;
    padding-left: 10px;
    height: 285px;
}

    .demo-vip img {
        width: 260px;
    }

.gold-pay {
    font-weight: bold;
    color: Red;
}

.spaceTime li {
    float: left;
    margin-bottom: 15px;
    width: 75px;
}
/*----------------------------Tool Tip-----------------------*/
#dhtmltooltip {
    border: #666 2px solid;
    padding: 5px;
    font-size: 10pt;
    z-index: 100;
    -moz-opacity: 0.9;
    opacity: 0.9;
    filter: alpha(opacity=90);
    left: -300px;
    top: 0px;
    visibility: hidden;
    font-family: Arial;
    position: absolute;
    background-color: lightyellow;
    width: 300px;
    text-align: left;
}

#dhtmlpointer {
    z-index: 101;
    left: -300px;
    top: 0px;
    visibility: hidden;
    position: absolute;
}

.lstKhuVuc-Search {
    float: left;
    width: 100%;
    border-bottom: 4px solid #d4ddec;
    margin-bottom: 5px;
}

    .lstKhuVuc-Search li {
        float: left;
        width: 118px;
    }

        .lstKhuVuc-Search li a {
            display: block;
            padding: 3px 5px;
            color: #024e8c;
            background: url(/images/system/arrow-mn.gif) no-repeat scroll left 9px transparent;
            padding-left: 10px;
        }

            .lstKhuVuc-Search li a:hover {
                text-decoration: underline;
                background: url(/images/system/arrow-info.gif) 0 9px no-repeat;
            }

            .lstKhuVuc-Search li a:active {
                color: #ff8b00;
            }

/*----------------------------Slide-------------------------*/
.wrap-sms {
    padding: 5px;
    border: 1px solid #DFDFDF;
    box-shadow: 0 0 5px #DFDFDF;
}

.bgSms {
    width: 100%;
    background: url(/images/system/ipadSMS.png) center center no-repeat;
    height: 350px;
    position: relative;
}

.smsMT {
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 0;
    margin-bottom: 76px;
    font-weight: bold;
    font-size: 22px;
    color: red;
}

#bigPic {
    width: 687px;
    height: 400px;
    padding: 1px;
    border: 1px solid #CCC;
    background-color: #FFF;
    margin-bottom: 10px;
    overflow: hidden;
}

    #bigPic img { /*position:absolute;*/
        display: none; /*width:687px;*/
    }

ul#thumbs li.active {
    border: 2px solid #000;
    background: #fff;
    padding: 2px;
}

ul#thumbs, ul#thumbs li {
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul#thumbs li {
        float: left;
        margin-right: 7px;
        margin-bottom: 5px;
        border: 1px solid #CCC;
        padding: 3px;
        cursor: pointer;
    }

    ul#thumbs img {
        float: left;
        width: 80px;
        height: 80px;
        line-height: 80px;
        overflow: hidden;
        position: relative;
        z-index: 1;
    }

#push {
    height: 100px; /* .push must be the same height as .footer */
    padding-top: 10px;
}
/*----------------------------------------------------------*/
/*============================================404 Page===============================*/
.intro-404 h1 {
    color: #DF8600;
    font-size: 20px;
}
/*===================================================================================*/
.lst-button-like {
    border: 1px solid #FF8500;
}

    .lst-button-like .like-text {
        background: none repeat scroll 0 0 #FF8500;
        color: #FFFFFF;
        display: block;
        float: left;
        margin: 0 10px 0 0;
        padding: 7px 10px 7px 10px;
        font-weight: bold;
    }

    .lst-button-like .lk-btn {
        padding-top: 3px;
    }

.canh-bao-dang-tin {
    padding: 5px;
    border: 2px solid red;
    color: red;
    margin-bottom: 5px;
}

.textLinkss {
    float: left;
    width: 100%;
}

    .textLinkss a {
        color: #0784a3;
    }

        .textLinkss a:hover {
            text-decoration: underline;
        }
/*-------------POPUP QUẢNG CÁO INDEX-----------*/
.popup-botAV {
    width: 300px;
    height: 220px;
    position: fixed;
    bottom: 0px;
    z-index: 100000;
    float: right;
    right: 0px;
    border: 1px solid #0099FF;
}

.popup-slibar {
    width: 300px;
    position: fixed;
    bottom: 0px;
    z-index: 100000;
    float: right;
    right: 0px;
    border: 1px solid #0099FF;
}

.colose-botAV {
    width: 70px;
    line-height: 20px;
    background-color: slategray;
    float: right;
    font-weight: bold;
    text-align: center;
}

.header-botAV {
    background-color: #fff;
    width: 130px;
    text-align: center;
    color: #0099FF;
    line-height: 20px;
    font-weight: bold;
}

.titleAV {
    background-color: #fff;
    width: 280px;
    padding-left: 4px;
    color: #0099FF;
    line-height: 20px;
}

.header-botAV span {
    font-weight: normal;
}

.colose-botAV a {
    color: #fff;
}

    .colose-botAV a:hover {
        color: #ccc;
    }

.ul-top-pt {
    margin-bottom: 2px;
    float: left;
    width: 100%;
}

    .ul-top-pt li {
        float: left;
        border-bottom: 1px dotted #BEBDBD;
        padding: 5px;
        width: 96%;
    }

        .ul-top-pt li .divImg {
            float: left;
            width: 40px;
            height: 40px;
            text-align: center;
            margin-right: 3px;
        }

            .ul-top-pt li .divImg img {
                width: 30px;
                height: 30px;
                margin-top: 5px;
            }

        .ul-top-pt li a {
            font-size: 12px;
            font-weight: bold;
            color: #055699;
            display: block;
            text-align: justify;
        }

            .ul-top-pt li a:hover {
                color: orange;
            }
/*------------- END POPUP QUẢNG CÁO INDEX-----------*/

/*=============================sitemap-breadcrumbs==============================*/
.sitemap-breadcrumbs {
    border: 1px solid #FF8500;
    margin-bottom: 2px;
}

.sitemap-label {
    float: left;
    background: none repeat scroll 0 0 #FF8500;
    color: #FFFFFF;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    padding: 3px 10px;
    font-weight: bold;
}

.item-breadcrumbs {
    float: left;
    font-weight: bold;
    margin-top: 3px;
}
/*==============================================================================*/
.time-even {
    background-position: 2px -39px;
    padding-left: 22px;
    margin-top: 2px;
    color: #666666;
}

.place-even {
    background-position: 2px -71px;
    padding-left: 26px;
    margin-top: 2px;
    color: #666666;
}

.clear {
    clear: both;
}

#ui-datepicker-div {
    display: none;
}

.icon-clock {
    padding-left: 25px;
    margin-top: 7px;
    font-weight: bold;
    padding: 5px 6px;
    width: 16px;
    height: 16px;
    float: left;
}

.float-left {
    float: left;
}

.fb_iframe_widget {
    vertical-align: top;
}

.drop-down-menu li {
    padding: 5px 10px;
    width: 200px;
}

    .drop-down-menu li a {
        font-size: 14px;
    }

/*---------------------------------------------------------------------*/
body {
    background: #eee url();
}

#menu, #menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#menu {
    /*width: 960px;*/
    box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
    margin: 0px auto;
}

    #menu:before,
    #menu:after {
        content: "";
        display: table;
    }

    #menu:after {
        clear: both;
    }

#menu {
    zoom: 1;
}

    #menu li {
        float: left;
        border-right: 1px solid #222;
        box-shadow: 1px 0 0 #444;
        position: relative;
    }

    #menu a {
        float: left;
        padding: 12px 30px;
        color: #999;
        text-transform: uppercase;
        font: bold 12px Arial, Helvetica;
        text-decoration: none;
        text-shadow: 0 1px 0 #000;
    }

    #menu > a {
        font: bold 13px Arial, Helvetica;
    }

    #menu li:hover > a {
        color: #fafafa;
    }

    *html #menu li a:hover { /* IE6 only */
        color: #fafafa;
    }

    #menu ul {
        margin: 20px 0 0 0;
        _margin: 0; /*IE6 only*/
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 38px;
        left: 0;
        z-index: 1;
        background: #444;
        background: linear-gradient(#444, #111);
        box-shadow: 0 -1px 0 rgba(255,255,255,.3);
        border-radius: 3px;
        transition: all .2s ease-in-out;
    }

    #menu li:hover > ul {
        opacity: 1;
        visibility: visible;
        margin: 0;
    }

    #menu ul ul {
        top: 0;
        left: 150px;
        margin: 0 0 0 20px;
        _margin: 0; /*IE6 only*/
        box-shadow: -1px 0 0 rgba(255,255,255,.3);
    }

    #menu ul li {
        float: none;
        display: block;
        border: 0;
        _line-height: 0; /*IE6 only*/
        box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    }

        #menu ul li:last-child {
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    #menu ul a {
        padding: 10px;
        width: 130px;
        _height: 10px; /*IE6 only*/
        display: block;
        white-space: nowrap;
        float: none;
        text-transform: none;
    }

        #menu ul a:hover {
            background-color: #0186ba;
            background-image: linear-gradient(#04acec, #0186ba);
        }

    #menu ul li:first-child > a {
        border-radius: 3px 3px 0 0;
    }

        #menu ul li:first-child > a:after {
            content: '';
            position: absolute;
            left: 40px;
            top: -6px;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 6px solid #444;
        }

    #menu ul ul li:first-child a:after {
        left: -6px;
        top: 50%;
        margin-top: -6px;
        border-left: 0;
        border-bottom: 6px solid transparent;
        border-top: 6px solid transparent;
        border-right: 6px solid #3b3b3b;
    }

    #menu ul li:first-child a:hover:after {
        border-bottom-color: #04acec;
    }

    #menu ul ul li:first-child a:hover:after {
        border-right-color: #0299d3;
        border-bottom-color: transparent;
    }

    #menu ul li:last-child > a {
        -moz-border-radius: 0 0 3px 3px;
        -webkit-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
    }

/* Mobile */
#menu-trigger {
    display: none;
}

@media screen and (max-width: 600px) {

    /* nav-wrap */
    #menu-wrap {
        position: relative;
    }

        #menu-wrap * {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

    /* menu icon */
    #menu-trigger {
        display: block; /* show menu icon */
        height: 40px;
        line-height: 40px;
        cursor: pointer;
        padding: 0 0 0 35px;
        border: 1px solid #222;
        color: #fafafa;
        font-weight: bold;
        background-color: #111;
        background: url() no-repeat 10px center, linear-gradient(#444, #111);
        border-radius: 6px;
        box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
    }

    /* main nav */
    #menu {
        margin: 0;
        padding: 10px;
        position: absolute;
        top: 40px;
        width: 100%;
        z-index: 1;
        background-color: #444;
        display: none;
        box-shadow: none;
    }

        #menu:after {
            content: '';
            position: absolute;
            left: 25px;
            top: -8px;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 8px solid #444;
        }

        #menu ul {
            position: static;
            visibility: visible;
            opacity: 1;
            margin: 0;
            background: none;
            box-shadow: none;
        }

            #menu ul ul {
                margin: 0 0 0 20px !important;
                box-shadow: none;
            }

        #menu li {
            position: static;
            display: block;
            float: none;
            border: 0;
            margin: 5px;
            box-shadow: none;
        }

        #menu ul li {
            margin-left: 20px;
            box-shadow: none;
        }

        #menu a {
            display: block;
            float: none;
            padding: 0;
            color: #999;
        }

            #menu a:hover {
                color: #fafafa;
            }

        #menu ul a {
            padding: 0;
            width: auto;
        }

            #menu ul a:hover {
                background: none;
            }

        #menu ul li:first-child a:after,
        #menu ul ul li:first-child a:after {
            border: 0;
        }
}

@media screen and (min-width: 600px) {
    #menu {
        display: block !important;
    }
}

/* iPad */
.no-transition {
    transition: none;
    opacity: 1;
    visibility: visible;
    display: none;
}

#menu li:hover > .no-transition {
    display: block;
}

#menu .post a {
    padding: 0px !important;
}

.menu_nav li .last {
    float: right;
}
